view {
  box-sizing: border-box;
}

.coupon-dialog {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 300rpx;
}

.coupon-dialog-body {
  
  width: 632rpx;
  height: 680rpx;
  background: #FA4747;
  box-shadow: inset 0 1px 23px 0 rgba(255,255,255,0.50);
  border-radius: 30rpx;
  position: relative;
  padding-top: 47rpx;
  .coupon-top-logo {
    width: 522rpx;
    height: 230rpx;
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -66%);
  }
  .coupon-dialog-title {
    font-size: 40rpx;
    color: #fff;
    text-align: center;
    font-family: "PingFangSC-Semibold";
    text-shadow: 4rpx 7rpx 6rpx rgba(0,0,0,0.08);
  }
  .coupon-dialog-subtitle {
    font-weight: 400;
    font-weight: 400;
    font-size: 19rpx;
    color: #FFFFFF;
    text-align: center;
  }
  .coupon-list {
    padding: 16rpx 24rpx 0 24rpx;
    .coupon-item {
      margin-top: 16rpx;
      width: 100%;
      height: 146rpx;
      background: #fff;
      border-radius: 10rpx;
      
      display: flex;
      .coupon-item-left {
        width: 182rpx;
        height: 100%;
        background: linear-gradient(90deg, #ED3D3B 0%, #F37159 100%);
        border-radius: 10rpx;
        font-weight: 400;
        color: #fff;

        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;

        .coupon-value {
          line-height: 1.25;
          font-size: 70rpx;
          letter-spacing: 0;
        }
        .zk {
          position: relative;
          &::after {
            content: '折';
            position: relative;
            left: 2rpx;
            letter-spacing: 0;
            // font-family: 'PingFangSC-Semibold';
            font-size: 28rpx;
          }
        }
        .mj {
          position: relative;
          &::before {
            content: '¥';
            position: relative;
            left: -4rpx;
            letter-spacing: 0;
            // font-family: 'PingFangSC-Semibold';
            font-size: 28rpx;
          }
        }
        .coupon-limit {
          font-size: 20rpx;
        }
      }
      .coupon-item-right {
        padding: 26rpx 16rpx;
        flex: 1;
        min-width: 0px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;

        .coupon-title {
          font-size: 28rpx;
          color: #151515;
          font-weight: 500;
          line-height: 1.25;
        }
        .coupon-validity {
          font-size: 24rpx;
          color: #868686;
        }
      }

    }
  }
  
  .coupon-bottom-entry {
    width: 100%;
    height: 102rpx;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    image {
      width: 100%;
      height: 100%;
      display: block;
    }
    .all-entry {
      font-weight: 500;
      font-size: 26rpx;
      color: #FFFFFF;
      letter-spacing: 5rpx;
      text-align: center;
      position: absolute;
      bottom: 14rpx;
      width: 100%;
    }

  }
}

.coupon-dialog-close {
  width: 72rpx;
  height: 72rpx;
  margin-top: 48rpx;
}

